<ion-header>
  <div class="uh ubb bor_b bc-bg" data-control="HEADER" id="Header">
    <div class="ub bc-head">
      <div class="nav-btn" id="nav-left" (click)="navCtrl.pop()">
        <div class="ub-img1 back_btn_img"></div>
      </div>
      <h1 class="ut ub-f1 ulev-3 ut-s tx-c color_black" tabindex="0">总战况</h1>
    </div>
  </div>
</ion-header>

<ion-content>
  <div class=" " data-control="CONTENT" id="ScrollContent_dMIpN4">
    <div class="scrollbox">
      <!--体力目标 -->
      <div class="ub-f1" id="btn1_y">
        <div class="ub ub-ac pad_left7 umh5 fontsize9">
          现有体力
        </div>
        <div class="ub ub-ac ubb bc-border pad_left7 height6 maxW bor bc-head">
          <div class="ub ub-f1">
            营养
          </div>
          <div class="ub bc-bg bor_a umar-r fontcolor999 yuanjiao3">
            <div class="pad_qzr bor_r" id="yingyang1">
              过
            </div>
            <div class="pad_qzr bor_r" id="yingyang2">
              中
            </div>
            <div class="pad_qzr" id="yingyang3">
              少
            </div>
          </div>
        </div>
        <div class="ub ub-ac pad_left7 height6 maxW bor bc-head">
          <div class="ub ub-f1">
            精力
          </div>
          <div class="ub bc-bg bor_a umar-r fontcolor999 yuanjiao3">
            <div class="pad_qzr bor_r" id="jingli1">
              旺
            </div>
            <div class="pad_qzr bor_r" id="jingli2">
              中
            </div>
            <div class="pad_qzr" id="jingli3">
              弱
            </div>
          </div>
        </div>

        <div class="ub ub-ac pad_left7 umh5 fontsize9">
          梦想体力
        </div>
        <div class="ub ub-ver  maxW bor bc-head">
          <div class="uba bc-border uinput ub ub-f1">
            <textarea id="textarea1" disabled type="text" class="ub-f1" style="height:8em;"></textarea>
          </div>
        </div>
        <!-- 体力成长地图 -->
        <div class="ub ub-ac pad_left7 umh5 ">
          <div class="ub ub-f1 fontsize9">
            成长地图
          </div>
          <div class="ub" id="tab1">
            <div class="pad_123 act" id="one1">
              第一阶
            </div>
            <div class="pad_123" id="two1">
              第二阶
            </div>
            <div class="pad_123" id="three1">
              第三阶
            </div>
          </div>
        </div>
        <div id="childtab1" class="ub ub-ver pad_left7 pad_right7 maxW bor bc-head fontsize9">
          <div id="tab11">

          </div>
          <div id="tab12" style="display:none;">

          </div>
          <div id="tab13" style="display:none;">

          </div>

        </div>

      </div>
    </div>
  </div>
</ion-content>
